﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="order.aspx.cs" Inherits="SES.CMS.order" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="shop-wrap">
        <div id="contenter">
            <div class="detail1">
                <div id="status">
                    <ul>
                        <li>
                            <asp:Label ID="lbDangnhap" runat="server" Text="Đăng nhập" /></li>
                        <li>
                            <asp:Label ID="lbThongtin" runat="server" Text="Giỏ hàng" /></li>
                        <li>
                            <asp:Label ID="lbSucsess" runat="server" Text="Hoàn thành" /></li>
                    </ul>
                </div>
            </div>
            <div style="clear: both;">
            </div>
            <div id="loginUser" class="loginUser" runat="server">
                <div class="login-wrap">
                    <div class="login-inner">
                        <div class="login">
                            <h3>
                                Đăng nhập tài khoản TopBike</h3>
                            <p>
                                Sử dụng thông tin bạn đã đăng ký để đăng nhập</p>
                            <table>
                                <tr>
                                    <td>
                                        Username:
                                    </td>
                                    <td>
                                        <asp:TextBox ID="txtUsername" CssClass="textbox" runat="server"></asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Password:
                                    </td>
                                    <td class="style2">
                                        <asp:TextBox ID="txtPass" CssClass="textbox" runat="server" TextMode="Password"></asp:TextBox>
                                    </td>
                                </tr>
                            </table>
                            <table>
                                <tr>
                                    <td>
                                        <a style="color: #3A6BB0;" href="/Login.aspx">Quên mật khẩu
                                            <asp:Label ID="lbMK" runat="server" Text=""></asp:Label></a>
                                    </td>
                                    <td class="style2">
                                        <asp:Button ID="btnLogin" CssClass="button1" runat="server" Text="Đăng nhập" OnClick="btnLogin_Click" />
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="login-wrap">
                    <div class="login-inner">
                        <div class="login">
                            <h3>
                                Khách hàng mới</h3>
                            <p>
                                Dành cho những khách hàng mới chưa có tài khoản tại TopBike</p>
                            <br />
                            <img style="height: 100px;" src="/images/shopping.jpg" alt="shoping" />
                            <table>
                                <tr>
                                    <td>
                                        <asp:CheckBox ID="CheckBox1" Text=" Đặt hàng không cần tài khoản" runat="server"
                                            AutoPostBack="True" OnCheckedChanged="CheckBox1_CheckedChanged" />
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right">
                                        <asp:Button ID="btnRegister" OnClick="btnRegister_Click" CssClass="button1" runat="server"
                                            Text="Đăng ký" />
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--End loginUser-->
        <div id="InfoDetail" class="loginUser" runat="server">
            <div class="login-wrap">
                <div class="login-inner">
                    <div class="login">
                        <h3>
                            Thông tin đặt hàng</h3>
                        <table>
                            <tr>
                                <td>
                                    Họ tên
                                </td>
                                <td>
                                    <asp:TextBox ID="txtName" CssClass="textbox1" placeholder="Họ tên" runat="server"></asp:TextBox>
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="*"  Display="Dynamic"
                                        ForeColor="Red" ControlToValidate="txtName" ValidationGroup="grvSend"></asp:RequiredFieldValidator>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Điện thoại
                                </td>
                                <td>
                                    <asp:TextBox ID="txtPhone" CssClass="textbox1" placeholder="Số điện thoại" runat="server"></asp:TextBox>
                                     <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="*"
                                        ForeColor="Red" ControlToValidate="txtName" ValidationGroup="grvSend" Display="Dynamic"></asp:RequiredFieldValidator>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Email
                                </td>
                                <td>
                                    <asp:TextBox ID="txtEmail" CssClass="textbox1" placeholder="Địa chỉ email" runat="server"></asp:TextBox>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server"  Display="Dynamic" 
                                        ErrorMessage="Invalid Email" ControlToValidate="txtEmail" 
                                        ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Ngày nhận hàng
                                </td>
                                <td>
                                    <asp:TextBox ID="txtNgayNhan" CssClass="textbox1 datepicker" placeholder="Ngày nhận hàng"
                                        runat="server"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Thanh toán
                                </td>
                                <td>
                                    <%--                            <asp:TextBox ID="TextBox2" CssClass="textbox1" placeholder="Ngày nhận hàng" runat="server"></asp:TextBox>--%>
                                    <asp:DropDownList ID="dropThanhtoan" CssClass="drop" runat="server">
                                        <asp:ListItem Value="0" Text="Tại cửa hàng TopBike" />
                                        <asp:ListItem Value="1" Text="Tại địa chỉ khách hàng" />
                                        <asp:ListItem Value="3" Text="Chuyển khoản ngân hàng" />
                                    </asp:DropDownList>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Địa chỉ nhận hàng
                                </td>
                                <td>
                                    <asp:TextBox ID="txtAddress" Style="height: 50px;" CssClass="textbox1" placeholder="Địa chỉ nhận hàng"
                                        Rows="2" runat="server" TextMode="MultiLine"></asp:TextBox><asp:RequiredFieldValidator  Display="Dynamic"
                                            ID="RequiredFieldValidator1" runat="server" ErrorMessage="*" ControlToValidate="txtAddress"></asp:RequiredFieldValidator>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                </td>
                                <td align="right">
                                    <asp:Button ID="btnSend" Style="padding-left: 10px;" CssClass="button1" runat="server"
                                        Text="Gửi đặt hàng" OnClick="btnSend_Click"  ValidationGroup="grvSend" />
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="login-wrap">
                <div class="login-inner">
                    <div class="login">
                        <h3>
                            Thông tin giỏ hàng</h3>
                        <asp:GridView ID="GridView1" runat="server" CssClass="tstyle1" AutoGenerateColumns="False"
                            CellPadding="3" EnableModelValidation="True" Width="96%" CellSpacing="1" GridLines="None"
                            EmptyDataText="Chưa có sản phẩm nào trong giỏ hàng của bạn !">
                            <Columns>
                                <%-- <asp:TemplateField HeaderText="">
                                    <ItemTemplate>
                                        <%# Container.DataItemIndex+1 %>
                                    </ItemTemplate>
                                    <ItemStyle Width="10px" />
                                </asp:TemplateField>--%>
                                <asp:BoundField HeaderText="Tên sản phẩm" DataField="Name">
                                    <ItemStyle HorizontalAlign="Center" />
                                </asp:BoundField>
                                <%--                    <asp:BoundField HeaderText="Đơn giá" DataField="Cost">
                        <ItemStyle HorizontalAlign="Center" />
                    </asp:BoundField>--%>
                                <asp:TemplateField HeaderText="Số lượng">
                                    <ItemTemplate>
                                        <asp:TextBox ID="TextBox1" runat="server" Width="60px" Text='<%# Eval("Quantity") %>' />
                                    </ItemTemplate>
                                    <ItemStyle HorizontalAlign="Center" />
                                </asp:TemplateField>
                                <asp:BoundField HeaderText="Thành tiền" DataField="TotalCost">
                                    <ItemStyle HorizontalAlign="Center" />
                                </asp:BoundField>
                            </Columns>
                        </asp:GridView>
                    </div>
                    <div class="cart-money-box">
                        <p>
                            Tổng tiền :
                            <asp:Literal ID="ltTongTien" runat="server" Text="0 vnđ" /></p>
                    </div>
                </div>
            </div>
        </div>
        <!--InfoDetail-->
        <div id="success" class="success" visible="false" runat="server">
            <%-- <img src="/images/success.jpg" alt="success" />--%>
            <h4>
                Đơn hàng của bạn đã được gửi, bạn có thể kiểm tra chi tiết đơn hàng trong Email
                của bạn</h4>
            <asp:Button ID="btnBack" CssClass="button1" runat="server" Text="Quay lại trang chủ"
                OnClick="btnBack_Click" />
        </div>
    </div>
    <asp:Literal ID="ltThongBao" runat="server" />
</asp:Content>
